<div class="layuimini-container">
    <div class="layui-row layui-col-space10">
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">配置信息</div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <tbody>
                            <tr>
                                <td>配置名称</td>
                                <td>{$model_config.title}</td>
                            </tr>
                            <tr>
                                <td>配置ID</td>
                                <td>{$model_config.uid}</td>
                            </tr>
                            <tr>
                                <td>备注</td>
                                <td>{$model_config.comment}</td>
                            </tr>
                            <tr>
                                <td>加载次数</td>
                                <td>{$model_config.load_count}</td>
                            </tr>
                            <tr>
                                <td>负载类型</td>
                                <td>{$model_config.route_load_type_title}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">ip-door所在主机应当执行的映射</div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <tbody>
                            {volist name='list_listen_rules' id='vo'}
                            {if $vo.type == 'listen' }
                            <tr>
                                <td>{$vo.cmd}</td>
                            </tr>
                            {/if}
                            {/volist}

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">基于ip-door的所在的网络位置的主机应当执行的映射</div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <tbody>
                            {volist name='list_listen_rules' id='vo'}
                            {if $vo.type == 'route' }
                            <tr>
                                <td>{$vo.title}</td>
                                <td>{$vo.cmd}</td>
                            </tr>
                            {/if}
                            {/volist}

                        </tbody>
                    </table>
                </div>
            </div>

        </div>
        <div class="layui-col-md8">
            <div class="layui-card">
                <div class="layui-card-header">路由信息</div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <thead>
                            <tr>
                                <th>监听协议</th>
                                <th>监听IP</th>
                                <th>监听端口</th>
                                <th>转发IP/域名</th>
                                <th>转发端口</th>

                            </tr>
                        </thead>
                        <tbody>
                            {volist name='list_record' id='vo'}
                            <tr>
                                <td>{$vo.protocol}</td>
                                <td>{$vo.listen_ip}</td>
                                <td>{$vo.listen_port}</td>
                                <td>{$vo.route_ip}</td>
                                <td>{$vo.route_port}</td>
                            </tr>
                            {/volist}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .layui-card:not(:first-child) {
        margin-top: 15px;
    }

    body {
        background: #f2f2f2;
        height: unset;
    }
</style>